﻿<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" name="viewport"/>
    <meta content="yes" name="apple-mobile-web-app-capable"/>
    <meta content="black" name="apple-mobile-web-app-status-bar-style"/>
    <meta content="telephone=no" name="format-detection"/>
    <title>新方向</title>
    <link rel="stylesheet" href="css/ydui.css">
    <link rel="stylesheet" href="css/style.css">
    <script src='js/adaption.js'></script>

</head>
<body>

<header class="m-navbar android-bar">
    <i class="back icon-back"></i>
    <div class="navbar-center">
        <span class="navbar-title">新方向教育</span>
    </div>
</header>

<div class="course-list order-box">
        <div class="thumbnail">
            <img src="images/course-thumbnail01.png" alt="xx课程">
        </div>
        <div class="course-txt">
            <p class="course-name">课程名称课程名称课程名称</p>
            <span class="description">副标题副标题副标题</span>
            <p class="price">¥ 1180.00</p>
        </div>
</div>
<section class="section order-price-box">
    <p>合计：<span class="price">¥ 1180.00</span></p>
</section>

<section class="section  order-time-box">
    <p>订单编号：23422017102021098789</p>
    <p>下单时间：2018-10-20   10:35</p>
</section>

<div class="order-pay-type">
    <p class="pay-type-tit">支付方式</p>
    <section class="section pay-type-info">
        <i class="icon-weixpay"></i>
        <span>微信支付</span>
        <i class="icon-yes"></i>
    </section>
</div>

<!--支付-->
<div class="to-buy">
    <p class="price">¥ 1180</p>
    <button type="button" id="buy-btn">立即支付</button>
</div>

<script src="js/jquery.min.js"></script>
<script src="js/ydui.js"></script>
<script src="js/main.js"></script>

</body>
</html>
